<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户登录</title>
		<link rel="stylesheet" type="text/css" href="../css/base2.css"/>
		<link rel="stylesheet" type="text/css" href="../css/blog_main.css"/>
		<script src="js/ajaxUtils.js"></script>
		<script src="js/login.js"></script>
	</head>
	<body>
<aticle>
<aside id="main_aside">
    <p id="aside_login">
        <h2>用户登录</h2>
        <fieldset id="userLogin">
            <legend hidden>用户登录</legend>
            <label for="userName">用户名：</label>
            <input type="text" name="userName" id="userName" placeholder="请输入用户名"/>
            <label for="password">密&nbsp;码：</label>
            <input type="password" name="password" id="password" placeholder="请输入密码"/>
            <button type="button" id="btn_login" style="margin-left:133px">登录</button>
        </fieldset>					
    </p>
    <p id="aside_login_success">
        <h2>欢迎回家</h2>
        <div id="userPhoto"></div>
        <div id="userOperation">
            <h3 style="display: inline;">著名博主：&nbsp;</h3>albert
            <span class="userBtn" style="float: left;margin-left:8px">改换照片</span>
            <span class="userBtn" style="float: right;margin-right:8px">消息通知</span>
        </div>
    </p>
    <p>
        <ol>
            <li><a href="">ES6新特性介绍</a></li>
            <li><a href="">Java多线程编程注意事项</a></li>
            <li><a href="">心灵毒鸡汤</a></li>
            <li><a href="">html5的那些事</a></li>
        </ol>
    </p>
</aside>
</aticle>
</body>
</html>
